@extends('layouts.back_stage')
@section('style')
    @parent
    <style>
        .flow_head_box{
            width:100%;
            height:50px;
            border-bottom: 1px solid #cccccc;
        }
        .all_income_info button{
            height:30px;
            background-color:#23b7e5;
            color:white;
        }
        .all_income_info button:hover,.all_income_info button:focus{
            color:white;
        }
        .flow_head_box p{
            float: left;
            width:5%;
            font-size:14px;
            text-align: center;
            line-height:40px;
            display: inline-block;
            height:40px;
        }
        .cost_info_box{
            width:70%;
            top:30%;
            left:20%;
        }
        .towhite{
            background-color:#23b7e5;
            float: right;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="container_box">
            <div style="padding:20px 0;"><h3>商品列表</h3></div>
            <table border="0" cellspacing="0" class="all_income_info" style="margin-top:20px;">
                <thead>
                    <tr>
                        <th class="col-md-3">商品标题</th>
                        <th class="col-md-1">款号</th>
                        <th class="col-md-1">品牌</th>
                        <th class="col-md-3">邮费设定</th>
                        <th class="col-md-2">分享公司名</th>
                        <th class="col-md-2">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>棒棒棒</th>
                        <th>S170</th>
                        <th>Soyyos</th>
                        <th>1手15 2手30 3手免邮</th>
                        <th><select><option>张玲-河南分公司</option><option>张玲-河南分公司</option></select></th>
                        <th><button class="btn" onclick="alter()">修改</button></th>
                    </tr>
                </tbody>
            </table>
            <div class="cost_info_box all_income_info">
                <h6>修改商品信息</h6>
                <table  border="0" cellspacing="0" class="all_income_info">
                    <thead>
                    <tr>
                        <th>商品标题</th>
                        <th>款号</th>
                        <th>品牌</th>
                        <th>邮费设定</th>
                        <th>分享公司名</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>棒棒棒</td>
                            <td>S170</td>
                            <td>Soyyos</td>
                            <td>1手15 2手30 3手免邮</td>
                            <td><select><option>111</option></select></td>
                        </tr>
                    </tbody>
                </table>
                <button class="btn towhite" onclick="remove_add()">关闭</button>
            </div>
        </div>
    </div>
    <script>
        function alter(){
            $(".cost_info_box").show();
        }
        function remove_add(){
            $(".cost_info_box").hide();
        }
    </script>
@endsection
